<template>
	<view class="grid col-4 text-center solid-top">
	  <view v-for="(item,index) in list" :key="index" :class="index%3!=2?'solid-right':''" class="solid-bottom padding flex flex-direction" @click="navigateTo(item.path)">
		  <view :class="'text-sl text-'+item.color">
			  <text :class="'cuIcon-'+item.icon"></text>
		  </view>
		  <view>{{item.name}}</view>
	  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						path:'/pages/admin/model',
						icon:'similar',
						color:'orange',
						name:'型号管理'
					},
					{
						path:'/pages/admin/customer',
						icon:'friend',
						color:'blue',
						name:'客户管理'
					},
					{
						path:'/pages/admin/changePassword',
						icon:'lock',
						color:'blue',
						name:'修改密码'
					}
				]
			};
		},
		methods:{
			navigateTo(url){
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>

<style lang="scss">
</style>
